@charset "utf-8";
/* CSS Document */
*{-webkit-text-size-adjust: none}
html, body{width:750px; margin:0 auto;min-width:inherit; transform:'';background:#e2e2e2;font-family:'微软雅黑,宋体', sans-serif;}
.fl_pc {float:none; display:block;}
.fr_pc {float:none; display:block;}
.pcWidth {width:auto;}
.container {width:auto;}
.phoneShow{
  display: block !important;
}
.phoneHide{
  display: none !important;
}
.pchide {display:block;}

.mhide {display:none;}

/* public */
.header{
  width:100%;
  overflow: hidden;
}
.wrapper{
  width:100%;
  margin:0 auto;
}
.container{
  margin-top:0;
}


/* index_header */
.indexHeader{
  width:100%;
  height:1192px;
  position: relative;
  border-top:8px solid #2CAE00;
}
.indexHeader .video{
  width:100%;
  height:1040px;
  position:absolute;
  left:50%;
  top:152px;
  transform:translate(-50%);
}
.indexHeader .video img{
  width:100%;
  height:auto;
}
.indexHeader .wrapper{
  width:100%;
  height:152px;
  position: absolute;
  left:0;
  top:0;
  transform:initial;
  z-index:10;
  background:#fff;
}
.indexHeader .logo a{
  width: 346px;
  height: 80px;
  background:url(./trs_sub_logo.png) no-repeat;
  background-size:contain;
  margin:25px 40px;
}
.indexHeader .nav{
  display:none;
}
.indexHeader h2{
  font-size: 60px;
  color: #FFFFFF;
  letter-spacing: 1px;
  text-align: center;
  line-height: 100px;
  font-weight: 200;
  position: absolute;
  left:50%;
  bottom:161px;
  transform:translate(-50%);
  z-index:10;
  width:100%;
}
.indexHeader .subBtn{
  width:48px;
  height:48px;
  position: absolute;
  right:40px;
  top:40px;
  background:url(./trs_menu_wap.png) no-repeat;
  background-size:contain;
  z-index: 99;
}
.indexHeader .closeBtn{
  background:url(./trs_close.png) no-repeat;
  background-size:contain;
}



/* sub_header */
.subHeader{
  height:138px;
}
.mobiHeader{
  width:auto;
  border-top:8px solid #2CAE00;
  position: relative;
}
.mobiHeader .logo{
  width: 346px;
  height: 80px;
  background:url(./trs_sub_logo.png) no-repeat;
  background-size:contain;
  margin:25px 40px;
}
.mobiHeader .subBtn{
  width:48px;
  height:48px;
  position: absolute;
  right:40px;
  top:40px;
  background:url(./trs_menu_wap.png) no-repeat;
  background-size:contain;
}
.mobiHeader .closeBtn{
  background:url(./trs_close.png) no-repeat;
  background-size:contain;
}


/* subMenu */

.downMenu{
  display:none;
  width:100%;
  height:100%;
  overflow: auto;
  position: fixed;
  top:0;
  left:0;
  z-index: 999;
  background:rgba(0,0,0,.45)
}
.downMenu .box{
  background:#F1F1F1;
  padding:20px 40px;
  width:auto;
}

.downMenu .mobiHeader{
  background:#fff;
  height:138px;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index:999;
}

.downMenu.active{
  display:block;
}
.downMenu .handle{
  width:100%;
  position: relative;
}
.downMenu .handle i{
  width:36px;
  height:36px;
  position: absolute;
  top:20px;
  right:20px;
  background:url(./trs_head_search.png) no-repeat;
  background-size:contain;
}
.downMenu .handle input{
  width:670px;
  height:76px;
  background: #FFFFFF;
  border: 2px solid rgba(221,221,221,1);
  border-radius: 4px;
  padding:0 20px;
  font-size:32px;
  box-sizing: border-box;
  margin-bottom:20px;
}

/* subMenu */
.subMenu {
  width: 220px;
  height: auto;
  margin-top: 0px;
}

.subMenu .level1>h3 {
  height: 72px;
  line-height: 72px;
  font-size: 32px;
  cursor: pointer;
  text-indent: 20px;
}

.subMenu .level1>h3 a {
  color: rgba(0, 0, 0, 0.65);
  font-weight: 400;
}

.subMenu .level1 {
  height: 72px;
  overflow: hidden;
  border-bottom: 1px solid #fff;
}

.subMenu .level1.child.active {
  height: auto;
  background: url(./xiajiantou.png) 620px 28px no-repeat;
  background-size: 24px 24px;
}

.subMenu .level1.child {
  background: url(./jiantou.png) 620px 28px no-repeat;
  background-size: 24px 24px;
}

.subMenu .level1>ul {
  margin-left: 20px;
}

.subMenu .level2 {
  height: auto;
  padding: 7px 10px;
  width: 100%;
  margin-bottom: 0px;
  overflow: hidden;
  box-sizing: border-box;
}

.subMenu .level2>h3 a,
.subMenu .level2 a {
  color: #808080;
  font-size: 24px;
  font-weight: 400;
  position: relative;
}

.subMenu .level2>h3 a::before{
  content: '·';
  position: absolute;
  top: -22px;
  left: -48px;
  font-size:50px;
  border-radius: 50%;
  color: rgba(93,168,117,1);
}

.subMenu .level2.active {
  height: auto;
  background: #16AE66;
  border-radius: 2px;
}

.subMenu .level2.active a {
  display: block;
  color: #fff;
}

.subMenu .level2.child {
  height: 60px;
  line-height: 60px;
  padding: 0;
  width: 100%;
  margin-bottom: 0px;
  overflow: hidden;
  box-sizing: border-box;
}

.subMenu .level2.child>h3 a {
  padding-left: 10px;
  position: relative;
}

.subMenu .level2.child>h3 a::before {
  content: '+';
  position: absolute;
  top: -18px;
  left: -40px;
  font-size:24px;
  border-radius: 50%;
  color: rgba(93,168,117,1);
  position: absolute;
}

.subMenu .level2.child.active {
  height: auto;
  background: #fff;
  border-radius: 2px;
}

.subMenu .level2.child.active>h3 a {
  display: block;
  color: #16AE66;
  position: relative;
}

.subMenu .level2.child.active>h3 a::before {
  content: '-';
  position: absolute;
  top: 0px;
  left: -10px;
  font-size:24px;
  border-radius: 50%;
  color: rgba(93,168,117,1);
}

.subMenu .level3>a {
  text-indent: 60px;
  position: relative;
  color: #808080 !important;
  font-weight: 400;
}

.subMenu .level3>a::before {
  content: '';
  position: absolute;
  top: 24px;
  left: 26px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #808080;
  display:none;
}

.subMenu .level3.active a {
  background: #128E53 !important;
  color: #fff !important;
}

.subMenu .level3.active>a::before {
  background: #fff;
}

.subMenu .date {
  width: 100%;
  margin-top: 10px;
}

.subMenu .date li {
  width: 25%;
  float: left;
  font-size: 14px;
  margin-bottom: 21px;
}

.subMenu .date li a {
  color: #7E7E7E;
}

.subMenu .date li.active a {
  color: #128E53;
}









/* focus */
.subFocus{
  width:100%;
  height:340px;
  background:center no-repeat;
  overflow: hidden;  
}
.subFocus h2{
  width: 500px;
  height: 36px;
  
  font-size: 52px;
  color: #16AE66;
  letter-spacing: 0.63px;
  line-height: 36px;
  font-weight: 700;
  margin-top:130px;
  margin-left:56px;
}
.subFocus h2 span{
  display:block;
  height: 20px;
  
  font-size: 32px;
  color: #16AE66;
  letter-spacing: 0.37px;
  line-height: 20px;
  font-weight: 400;
  margin-top:17px;
}

/* footer */
.footer{
  width:100%;
  height:auto;
}
.footer .map{
  width:100%;
  height:auto;
  padding-top:40px;
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
}
.footer .map .logo{
  width:380px;
  float:initial;
  margin-right:122px;
  text-align: center;
  margin:0 auto;
}
.footer .map .logo img{
  width:100%;
  height:auto;
  margin-bottom:40px;
}
.footer .map .nav{
  width:auto;
  float:initial;
  margin:0px auto;
  text-align: center;
  overflow: hidden;
}
.footer .map .nav ul{
  float:initial;
  display:inline-block;
  margin-right:96px;
  vertical-align: top;
}
.footer .map .nav ul:last-child{
  margin-right:0;
}
.footer .map .nav ul li{
  font-size: 28px;
  color: #2C2C2C;
  letter-spacing: 0;
  line-height: 56px;
  font-weight: 200;
}
.footer .map .nav ul li h3{
  font-size:32px;
  font-weight:400;
  color:#2C2C2C;
  
}
.footer .map .qrcode{
  width:auto;
  float:initial;
  margin-top:52px;
  margin-bottom:40px;
  text-align: center;
}
.footer .map .qrcode li{
  text-align: center;
  float:initial;
  margin-left:0;
  display:inline-block;
}
.footer .map .qrcode li:first-child{
  margin-right:50px;
}
.footer .map .qrcode li img{
  width:246px;
  height:246px;
}
.footer .map .qrcode li span{
  display:block;
  font-size: 28px;
  color: #2C2C2C;
  letter-spacing: 0;
  text-align: center;
  line-height: 28px;
  font-weight: 400;
}
.footer .link{
  width:100%;
  height:304px;
  background: #51AB6D;
  overflow: hidden;
  
}
.footer .link .wrapper{
  position: relative;
}
.footer .link ul{
  margin-top:30px;
  text-align: center;
}
.footer .link ul li{
  display:inline-block;
  color:#fff;
  font-size:28px;
  float:initial;
  margin-right:20px;
  border-right:1px solid #fff;
  line-height:28px;
  padding-right:20px;
  text-align: center;
}
.footer .link .copyright{
  margin-top:24px;
  width: auto;
  height: 40px;
  
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 40px;
  font-weight: 400;
  text-align: center;
}
.footer .link .footBar{
  position: absolute;
  right:0;
  top:0px;
}
.footer .link .footBar select{
  width:210px;
  height:35px;
  border: 1px solid rgba(222,222,222,1);
  border-radius: 30px;
  padding-left:10px;
  margin-left:20px;
}


/* form */
select::-ms-expand{ display: none; }
select{
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background:#fff url("./trs_ico03.jpg") no-repeat scroll 600px center;
  background-size: 72px 72px;
  outline: none;
}

option::-ms-expand{ display: none; }
option{
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari 和 Chrome */
  appearance:none;
}
option:hover{
  color:#fff;
  background-color:#eee;
}


/* page */
.pageBtn{
  overflow: hidden;
  width:670px;
  height:80px;
  margin: 0 auto 50px auto;
}
.pageBtn a{
  color:#fff;
  width:670px;
  height:80px;
  line-height:80px;
  text-align: center;
  margin-bottom:50px;
  background: #51AB6D;
  border-radius: 4px;
  font-size:28px;
  display: block;
}



/* page */
.page{
  width:100%;
  height:100px;
  text-align: center;
  margin:100px auto 120px auto;
}
.page li{
  display:inline-block;
  min-width: 64px;
  min-height: 64px;
  background: #FFFFFF;
  border: 1px solid rgba(217,217,217,1);
  border-radius: 8px;
  box-sizing: border-box;
  padding:10px 20px;
  font-size: 28px;
  color: rgba(0,0,0,0.65);
  margin-right:10px;
  cursor:pointer;
}
.page li i{
  display:block;
}
.page li.left{
  background:#fff url(./trs_left.png) no-repeat center;
  background-size:12px 20px;
}
.page li.right{
  background:#fff url(./trs_right.png) no-repeat center;
  background-size:12px 20px;
}
.page li.active{
  background: #16AE66;
  color:#fff;
  border:0;
}
.page li.input{
  border:0;
  background:none;
}
.page li.input input{
  border: 1px solid rgba(217,217,217,1);
  width: 96px;
  min-height: 64px;
  box-sizing: border-box;
  border-radius: 8px;
  padding:10px;
  margin:0 10px;
}



/* 404 */
.body404{
  background:#f5f5f5;
}
.body404 .contentBox{
  min-height:auto;
  overflow: hidden;
}
.body404 .box404{
  width:auto;
  margin:0 auto;
  margin-top:80px;
  font-size:36px;
  color: #787878;
  text-align: center;
}
.body404 .box404 img{
  width:700px;
  height:auto;
  margin:0 auto;
  margin-bottom:92px;
  display:block;
}
.body404 .box404 .handle404{
  margin:32px auto 148px auto;
}
.body404 .box404 .handle404 a{
  width:268px;
  height:72px;
  display:inline-block;
  background: #909090;
  border-radius: 6px;
  color:#fff;
  font-size:28px;
  line-height:72px;
  cursor: pointer;
}
.body404 .box404 .handle404 a.active{
  margin-right:19px;
  background:#51AB6D;
}


/* dialog */
.dialog{
  width:100%;
  height:100%;
  position: fixed;
  top:0;
  left:0;
  background:rgba(0,0,0,.6);
  z-index: 999;
  display:none;
}
.dialog .box{
  width:auto;
  height:1000px;
  background:#fff;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}
.dialog .box .title{
  width:100%;
  height:100px;
  background:#51AB6D;
  color:#fff;
  line-height:100px;
  text-indent: 20px;
  font-size:28px;
}
.dialog .box .content{
  width:100%;
  height:800px;
  overflow: auto;
  padding:20px 20px;
  box-sizing: border-box;
}
.dialog .box .content .item{
  width:700px;
  overflow: auto;
}
.dialog .box .handle{
  width:100%;
  height:100px;
  text-align: center;
}
.dialog .box .handle a{
  padding:20px 40px;
  background:#16AE66;
  color:#fff;
  display:inline-block;
  vertical-align: middle;
  margin-right:10px;
  font-size:28px;
}
.dialog .box .content table{
  width:2000px;
  border:1px solid #ccc;
  border-collapse: collapse;
  margin-bottom:20px;
}
.dialog .box .content table td{
  padding-left:10px;
}


/* dialogBox */
.dialogBox{
  width:100%;
  height:100%;
  position: fixed;
  top:0;
  left:0;
  background:rgba(0,0,0,.6);
  z-index: 999;
  display:none;
}
.dialogBox .box{
width:800px;
padding:30px;
box-sizing: border-box;
}
.dialogBox .box .btn{
width:40px;
height:40px;
display:block;
position: absolute;
top:500px;
right:initial;
left:50%;
transform: translate(-50%,-50%);
background:url(./trs_close.png) no-repeat;
background-size:contain;
cursor:pointer;
}
.dialogBox .box video{
width:100%;
height:100%;
}


/* datepicker */
.ui-datepicker{
  width:610px !important;
  font-size:24px !important;
}
.ui-datepicker td span, .ui-datepicker td a{
  padding:.8em .2em !important;
}



/*特殊分辨率处理*/
@media screen and (max-width:600px)
{


}

@media screen and (max-width:400px)
{


}

@media screen and (max-width:360px)
{


}